<template>
    <div id="sidebar">
        <div class="inner">
            <div class="panels">
                <div class="inner">
                    <div class="contents panel pjax" data-title="Contents"></div>
                    <div class="related panel pjax" data-title="Related"></div>
                    <div class="overview panel active" data-title="Overview">
                        <div class="author" itemprop="author" itemscope itemtype="http://schema.org/Person">
                            <img class="image" itemprop="image" alt="John Doe" src="../assets/images/avatar.jpg">
                            <p class="name" itemprop="name">John Doe</p>
                            <div class="description" itemprop="description">描述 123</div>
                        </div>
                        <nav class="state">
                            <div class="item posts"><a href="/archives/"><span class="count">29</span> <span
                                class="name">posts</span></a></div>
                            <div class="item categories"><a href="/categories/"><span class="count">8</span>
                                <span class="name">categories</span></a></div>
                            <div class="item tags"><a href="/tags/"><span class="count">5</span> <span
                                class="name">tags</span></a></div>
                        </nav>
                        <div class="social"><span class="exturl item github"
                                                  data-url="aHR0cHM6Ly9naXRodWIuY29tL2FtZWhpbWU="
                                                  title="https:&#x2F;&#x2F;github.com&#x2F;amehime"><i
                            class="ic i-github"></i></span> <span class="exturl item twitter"
                                                                  data-url="aHR0cHM6Ly90d2l0dGVyLmNvbS9hbWVoaW1l"
                                                                  title="https:&#x2F;&#x2F;twitter.com&#x2F;amehime"><i
                            class="ic i-twitter"></i></span> <span class="exturl item zhihu"
                                                                   data-url="aHR0cHM6Ly93d3cuemhpaHUuY29tL3Blb3BsZS9ydXJpc216aw=="
                                                                   title="https:&#x2F;&#x2F;www.zhihu.com&#x2F;people&#x2F;rurismzk"><i
                            class="ic i-zhihu"></i></span> <span class="exturl item music"
                                                                 data-url="aHR0cHM6Ly9tdXNpYy4xNjMuY29tLyMvdXNlci9ob21lP2lkPTEyODg2ODIz"
                                                                 title="https:&#x2F;&#x2F;music.163.com&#x2F;#&#x2F;user&#x2F;home?id&#x3D;12886823"><i
                            class="ic i-cloud-music"></i></span> <span class="exturl item weibo"
                                                                       data-url="aHR0cHM6Ly93ZWliby5jb20vYW1laGltZQ=="
                                                                       title="https:&#x2F;&#x2F;weibo.com&#x2F;amehime"><i
                            class="ic i-weibo"></i></span> <span class="exturl item about"
                                                                 data-url="aHR0cHM6Ly9hYm91dC5tZS9hbWVoaW1l"
                                                                 title="https:&#x2F;&#x2F;about.me&#x2F;amehime"><i
                            class="ic i-address-card"></i></span></div>
                        <ul class="menu">
                            <li class="item"><a href="/" rel="section"><i class="ic i-home"></i>Home</a></li>
                            <li class="item dropdown"><a href="javascript:void(0);"><i class="ic i-feather"></i>Posts</a>
                                <ul class="submenu">
                                    <li class="item"><a href="/archives/" rel="section"><i
                                        class="ic i-list-alt"></i>Archives</a></li>
                                    <li class="item"><a href="/categories/" rel="section"><i
                                        class="ic i-th"></i>Categories</a></li>
                                    <li class="item"><a href="/tags/" rel="section"><i class="ic i-tags"></i>Tags</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="item"><a href="/friends/" rel="section"><i class="ic i-heart"></i>友達</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <ul id="quick">
                <li class="prev pjax"></li>
                <li class="up"><i class="ic i-arrow-up"></i></li>
                <li class="down"><i class="ic i-arrow-down"></i></li>
                <li class="next pjax"><a href="/page/2/" rel="next" title="Next Post"><i
                    class="ic i-chevron-right"></i></a></li>
                <li class="percent"></li>
            </ul>
        </div>
    </div>
</template>

<script>
export default {
    name: "Sidebar"
}
</script>

<style scoped>

</style>
